body{
    color: #333;
    background-color: #f5f5f5;
    min-width: 1226px;
    margin: 0;
    font-size: 10px;
    line-height: 21px;
    font: 14px/1.5 "Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;

}
.site-topbar{
    position: relative;
    height: 40px;
    font-size: 12px;
    color: #b0b0b0;
    background-color: #333;
}
.site-topbar .container{
    width: 1226px;
    margin: 0 auto;
}
.site-topbar .container .topbar-nav{
    float: left;
    line-height: 40px;
}
.site-topbar .container .topbar-nav span{
    color: #424242;
    margin: 0 6px;
}
.site-topbar .container a{
    color: #b0b0b0;
    text-decoration: none;

}
.site-topbar .topbar-cart{
    float: right;
    line-height: 40px;
    margin-left: 15px;
    height: 40px;
    width: 120px;
    text-align: right;
}
.site-topbar .topbar-cart a span{
    display: inline-block;
    width: 20px;
    height: 20px;
    float: left;
    margin-left: 25px;
    margin-top: 10px;
    background-image: url(img/购物车.png);
}
.site-topbar .topbar-info{
    float: right;
    line-height: 40px;
    height: 40px;
}
.site-topbar .topbar-cart a::after{
    content: '';
    clear: both;
    display: block;
    height: 0;
}

/*分隔线*/
.clearfix::after{
    content: '';
    clear: both;
    display: block;
    height: 0;
}

.site-header{
    width: 1225px;
    height: 100px;
    margin: 0 auto;
    position: relative;
    height: 100px;
    z-index: 1;
    font-size: 14px;
    line-height: 21px;
}
.site-header .container{
    position: absolute;
    left: 0;
    top: 0;
    width: 1225px;
    height: 100px;
}
.site-header .container .header-logo{
    float: left;
    font-size: 14px;
    line-height: 21px;
    margin-top: 22px;
    width: 62px;
}
.site-header .container .header-logo .logo-ir{
    width: 55px;
    height: 55px;
    background-color: #ff6700;
    
    float: left;
    cursor: pointer;
}
.site-header .container .header-logo .logo-ir img{
    margin-left: 3px;
    margin-top: 2px;
}
.site-header .container .header-nav{
    float: left;
    width: 850px;
    line-height: 21px;
    font-size: 14px;
}
.site-header .container .header-nav .nav-list{
    float: left;
    font-size: 14px;
    height: 88px;
    width: 830px;
    line-height: 24px;
    list-style-type: none;
    margin: 0;
    padding: 12px 0 0 15px;
    /*z-index: 10;*/
   
}
.nav-list-block{
    display: block;
}
.site-header .container .header-nav .nav-list .nav-cat{
    width: 164px;
    line-height: 24px;
    float: left;
    
}
.site-header .container .header-nav .nav-list .nav-item{
    float: left;
    font-size: 16px;
    line-height: 24px;
    text-align: left;
    height: 88px;
    color: #333;
}
.site-header .container .header-nav .nav-list .nav-item .link{
    color: #333;
    height: 24px;
    padding: 26px 10px 38px 10px;
    text-align: left;
    text-decoration: none;
    line-height: 60px;
}
.site-header .container .header-nav .nav-list .nav-item .link:hover{
    color: #ff6700;
}

.site-header .container .header-seach{
    color: #333;
    float: right;
    font-size: 14px;
    line-height: 21px;
    width: 296px;
    height: 55px;
    position: absolute;
    top: 20px;
    right: 0;
}
.site-header .container .header-seach .seach-text{
    width: 223px;
    height: 48px;
    border: 1px solid #e0e0e0;
    font-size: 14px;
    position: absolute;
    top: 0;
    right: 51px;

    
}
.site-header .container .header-seach .seach-btn{
    width: 52px;
    height: 52px;
    border-style: none;
    border: 1px solid #e0e0e0;
    background-color: transparent;
    cursor: pointer;
    background-image: url(../img/搜索.png);
    background-repeat: no-repeat;
    background-position: 12px 12px;
    position: absolute;
    top: 0;
    right: 0;
}
.site-header .container .header-seach .seach-btn:hover{
    background-color: #ff6700;
    transition: all 0.5s;
}

.site-header .container .header-nav .nav-list .nav-item .item-child{
    position: absolute;
    top: 100px;
    left: 0;
    width: 100%;
    height: 210px;
    /*margin-top: 40px;*/
    box-shadow: 0px 8px 16px rgba(0,0,0,0.18);
    display: none;
    background-color: white;
    

}
.site-header .container .header-nav .nav-list .nav-item .item-child .container{
    /*box-shadow: 0px 5px 10px #eee;*/
    margin: 0;
    width: 100%;
    height: 210px;
    padding-top: 20px;
    /*background-color: red;*/
    position: absolute;
    /*display: none;*/
    
}
.site-header .container .header-nav .nav-list .nav-item .item-child .container .child-list{
    list-style-type: none;
    margin: 0 ;
    padding: 0;
    font-size: 16px;
    width: 1226px;
    height: 210px;
    position: absolute;
    /*display: none;*/
    

}
.site-header .container .header-nav .nav-list .nav-item .item-child .container .child-list li{
    float: left;
    width: 204px;
    height: 190px;
}
.site-header .container .header-nav .nav-list .nav-item .item-child .container .child-list li img{
    width: 160px;
    height: 110px;
}
.site-header .container .header-nav .nav-list .nav-item .item-child .container .child-list li span{
    display: inline-block;
    width: 160px;
    font-size: 12px;
    text-align: center;
}
.site-header .container .header-nav .nav-list .nav-item .item-child .container .child-list li p{
    text-align: center;
    margin: 0;
    width: 160px;
    color: #ff6700;
    font-size: 12px;
}


/*分割线*/

.site-category{
    background-color: white;
    margin: 0 auto;
    width: 1226px;
    height: 500px;
    position:relative;
    
}
.nav-list .nav-cat .child-list{
    width: 235px;
    height: 460px;
    display: inline-block;;
    list-style-type: none;
    margin: 0;
    padding: 0;
    padding: 20px 0;
    background-color: #757575;
    position: absolute;
    left: 0;
    top: 114px;
    
}
.nav-list .nav-cat .child-list .category-item{
    width: 205px;
    height: 42px;
    font-size: 14px;
    line-height: 40px;
    text-align: left;
    cursor: pointer;
    padding-left: 30px;
    color: white;
    
    
}
.nav-list .nav-cat .child-list .category-item:hover{
    background-color:#ff6700 ;
}
.nav-list .nav-cat .child-list .category-item i{
    width: 16px;
    height: 16px;
    float: right;
    margin-right: 20px;
    margin-top: 4px;
}
.nav-list .nav-cat .child-list .category-item .children{
    width: calc(1226px - 235px);
    height: 500px;
    position: absolute;
    top: -112px;
    left: 264px;
    display: none;

    
}
.nav-list .nav-cat .child-list .category-item .children .child-list{
    width: 265px;
    height: 460px;
    margin: 0;
    background-color: white;
    float: left;
    position: relative;
    left: -29px;
    top: 112px;
    
    
}
.nav-list .nav-cat .child-list .category-item .children .child-list .star-goods{
    width: 245px;
    height: 42px;
    padding: 14px 0 18px 20px;
    font-size: 14px;
    
}

.nav-list .nav-cat .child-list .category-item .children .child-list .star-goods .link{
    display: inline-block;
    text-decoration: none;
    color: black;
    width: 190px;
    height: 40px;
    
}
.nav-list .nav-cat .child-list .category-item .children .child-list .star-goods .link:hover{
    color: #ff6700;
}
.nav-list .nav-cat .child-list .category-item .children .child-list .star-goods .link .text{
    position: relative;
    top: -15px;
}

.nav-list .nav-cat .child-list .category-item .children .child-list .star-goods .btn{
    text-decoration: none;
    position: relative;
    top: -55px;
    right: -170px;
    width: 60px;
    height: 24px;
    border: 1px solid #ff6700;
    color: #ff6700;
    font-size: 12px;
    display: inline-block;
    text-align: center;
    line-height: 25px;
    color: black;
}
.nav-list .nav-cat .child-list .category-item .children .child-list .star-goods .btn:hover{
    color: white;
    background-color: #ff6700;
}
/*轮播图*/
/*样式根据需要更改 最好带上父元素#slide,提高优先级 此处的next和prev为调用插件时设置的按钮属性nextClass/prevClass的值*/
#slide{
    position: absolute;
    width: 1226px;
    height: 460px;
    left: 0;
    top: 0;
    background-color: white;
    
}
#slide ul{
    list-style: none;
}
#slide .prev{
    width: 40px;
    height: 70px;
    background-image: url(../img/按钮.png);
    background-repeat: no-repeat;
    background-position: -83px 0 ;
    left: 235px;
}
#slide .prev:hover{
    background-position: 0 0 ;
}
#slide .next{
    right: 0px;
    width: 40px;
    height: 70px;
    background-image: url(../img/按钮.png);
    background-repeat: no-repeat;
    background-position: -123px 0 ;  
}
#slide .next:hover{
    background-position: -41px 0 ;
}
/*轮播导航图标样式，这里的ul.page的page为调用插件时设置的page属性的值,根据需要修改自己想要的样式效果*/
#slide ul.page{
    bottom: -20px;
    /*z-index: 99;*/
}
/*此处page原理同上 ,轮播导航图标非当前图标样式,*/
#slide ul.page li{
    cursor: pointer;
    color: #000;
    width: 20px;
    height: 20px;
    background: #ccc;
    text-align: center;
    margin: 0 5px;
    border-radius: 50%;
    position: relative;
    right: -450px;
    bottom: 20px;
}
/* 此处page原理同上 ,on为当前图片的图标样式*/
#slide ul.page li.on{
    color: red;
    background: #000;
}



/*分隔线*/


.home{
    background-color: white;
    width: 1226px;
    height: 170px;
    position: relative;
    margin: 18px auto 0 auto;
}
.home .span1{
    margin: 0;
    width: 234px;
    height: 170px;
    background-color: #5f5750;
}
.home .span1 .home-list{
    width: 234px;
    height: 170px;
    margin: 0;
    padding: 0;
    list-style-type: none;
    position: absolute;
    
}
.home .span1 .home-list .home-item{
    padding-top: 18px;
    width: 70px;
    height: 46px;
    float: left;
}
.home .span1 .home-list .home-item a{
    width: 70px;
    height: 46px;
    color: #eee;
    text-decoration: none;
    
}
.home .span1 .home-list .home-item a img{
    margin-left: 35px;
    margin-top: 10px;
}
.home .span1 .home-list .home-item a span{
    display: block;
    width: 60px;
    margin-left: 22px;
}
.home .span2{
    width: 978px;
    height: 170px;
    position: absolute;
    right: 0;
    top: 0;
}
.home .span2 ul{
    width: 978px;
    height: 170px;
    position: absolute;
    right: 0;
    top: 0;
    list-style: none;
    margin: 0;
    padding: 0;
}
.home .span2 ul li{
    width: 316px;
    height: 170px;
    float: left;
    margin-left: 10px;
}
.home .span2 ul li img{
    width: 316px;
    height: 170px;
}
/*分隔线*/


.home-start{
    margin: 0 auto;
    width: 1226px;
    height: 438px;
    position: relative;
}
.home-start h1{
    margin-top: 20px;
    margin-bottom: 20px;
    position: absolute;
    left: 0;
    font-size: 22px;
    font-weight: bold;
    width: 1226px;
}
.home-start .controls{
    width: 70px;
    height: 25px;
    line-height: 21px;
    position: absolute;
    right: 0;
    top: 20px;
}
.home-start .controls .left,.right{
    display: inline-block;
    width: 35px;
    height: 25px;
    float: left;
    text-align: center;
    font-weight: bold;
    color: black;
    border: 1px solid #eee;
    box-sizing: border-box;
    cursor: pointer;
}
.home-start .controls .right{
    color: #eee;
}

.box-hand{
    width: 1226px;
    height: 370px;
    margin: 0 auto;
    position: absolute;
    left: 0;
    top: 35px;
    overflow: hidden;
}
.box-hand ul{
    width: 2480px;
    height: 340px;
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    left: 0;
    top: 61px;
}
.box-hand ul li{
    width: 234px;
    height: 300px;
    position: relative;
    left: 0;
    margin-right: 14px;
    float: left;
    box-sizing: border-box;
    background-color: white;
}
.box-hand ul .lunbo:nth-of-type(1),.lunbo:nth-of-type(6){
    border-top: 1px solid #ff6700;
}
.box-hand ul .lunbo:nth-of-type(2),.lunbo:nth-of-type(7){
    border-top: 1px solid lightgreen;
}
.box-hand ul .lunbo:nth-of-type(3),.lunbo:nth-of-type(8){
    border-top: 1px solid blue;
}
.box-hand ul .lunbo:nth-of-type(4),.lunbo:nth-of-type(9){
    border-top: 1px solid mediumvioletred;
}
.box-hand ul .lunbo:nth-of-type(5),.lunbo:nth-of-type(10){
    border-top: 1px solid green;
}
.box-hand ul li img{
    width: 160px;
    height: 160px;
    margin-left: 37px;
    margin-top: 20px;
}
.box-hand ul li h4{
    font-size: 14px;
    text-align: center;
    font-weight: normal;
    margin-bottom: 0;
    margin-top: 10px;
}
.box-hand ul li span{
    display: inline-block;
    width: 200px;
    color: #b0b0b0;
    font-size: 12px;
    text-align: center;
    margin: 0 20px 12px 20px;
}
.box-hand ul li p{
    color: #ff6709;
    font-size: 14px;
    text-align: center;
    margin: 0;
    margin-top: 5px;
}

/*分割线*/

#smart{
    background-color: #f5f5f5;
    width: 1226px;
    height: 686px;
    margin: 30px auto;
    position: relative;
}
#smart .box-hd{
    width: 1226px;
    height: 58px;
}
#smart h2{
    margin: 0;
    width: 1226px;
    height: 58px;
    position: absolute;
    left: 0;
    font-size: 22px;
    font-weight: bold;
    line-height: 2.5;
}
#smart .more{
    position: absolute;
    right: 0;
    right: 30px;
    font-size: 14px;
    line-height: 3.5;
}
#smart .more img{
    position: absolute;
    right: -25px;
    top: 14px;
}

#smart .box-bd{
    width: 1226px;
    height: 628px;
    
}
#smart .box-bd .span3{
    width: 234px;
    height: 614px;
    position: relative;
    top:0;
    transition: all 0.6s;
}
#smart .box-bd .span3:hover{
    top: -5px;
    box-shadow: 0px 8px 20px rgba(0,0,0,0.18);
}
#smart .box-bd .span3 img{
    width: 234px;
    height: 614px;
    
}
#smart .box-bd .span4{
    width: 978px;
    height: 614px;
    position: absolute;
    left: 240px;
    top: 58px;
   
}
#smart .box-bd .span4 ul{
    list-style: none;
    margin: 0;
    padding: 0;
    width: 978px;
    height: 614px;
}
#smart .box-bd .span4 ul li{
    width: 234px;
    height: 300px;
    margin-left: 10px;
    position: relative;
    top: 0;
    float: left;
    background-color: white;
    transition: all 0.5s;
}
#smart .box-bd .span4 ul li:hover{
    top: -5px;
    box-shadow: 0px 8px 16px rgba(0,0,0,0.18);
}
#smart .box-bd .span4 .zhineng .zhineng-list:nth-of-type(5),
.zhineng-list:nth-of-type(6),.zhineng-list:nth-of-type(7),.zhineng-list:nth-of-type(8){
    margin-top: 14px;
}
#smart .box-bd .span4 ul li img{
    width: 160px;
    height: 160px;
    margin-left: 37px;
    margin-top: 20px;
}
#smart .box-bd .span4 ul li h3{
    font-size: 14px;
    font-weight: normal;
    text-align: center;
    margin-bottom: 0;
}
#smart .box-bd .span4 ul li span{
    font-size: 12px;
    display: block;
    height: 18px;
    width: 214px;
    line-height: 18px;
    margin: 0 10px 10px 10px;
    color: #b0b0b0;
    text-align: center;
}
#smart .box-bd .span4 ul li p{
    font-size: 14px;
    color: #ff6700;
    line-height: 21px;
    text-align: center;
    margin-top: 0;
}


/*搭配*/

#match{
    width: 1226px;
    height: 686px;
    position: relative;
    margin: 0 auto;
}
#match .box-hd{
    width: 1226px;
    height: 58px;
}
#match .box-hd h2{
    color: #333;
    font-size: 22px;
    font-weight: bold;
    line-height: 58px;
    margin: 0;
}
#match .box-hd .more{
    width: 328px;
    height: 42px;
    position: absolute;
    right: 0;
    top: 0;

}
#match .box-hd .more .more-list{
    list-style: none;
    margin: 0;
    padding: 0;
    width: 328px;
    height: 26px;
    font-size: 16px;
    padding-top: 16px;
}
#match .box-hd .more .more-list li{
    float: left;
    margin-left: 30px;
    font-size: 16px;
    cursor: pointer;
}
.active{
    border-bottom: 2px solid #ff6700;
    color: #ff6700;
}
#match .box-bd{
    width: 1226px;
    height: 628px;

}
#match .box-bd .span5{
    width: 234px;
    height: 628px;
    
}
#match .box-bd .span5 .span5-list{
    width: 234px;
    height: 628px;
    list-style: none;
    margin: 0;
    padding: 0;
}
#match .box-bd .span5 .span5-list .span5-item{
    width: 234px;
    height: 300px;
    margin-bottom: 14px;
    position: relative;
    top: 0;
    transition: all 0.5s;
}
#match .box-bd .span5 .span5-list .span5-item:hover{
    top: -5px;
    box-shadow: 0px 8px 16px rgba(0,0,0,0.18);
}
#match .box-bd .span5 .span5-list .span5-item img{
    width: 234px;
    height: 300px;
}

#match .span6{
    width: 978px;
    height: 628px;
    margin-left: 14px;
    float: left;
    position: absolute;
    right: 0;
    top: 58px;
}
#match .span6 .match-content{
    width: 978px;
    height: 614px;
    
}
#match .span6 .match-content .span6-list{
    width: 992px;
    height: 614px;
    margin: 0;
    padding: 0;
    list-style: none;
    margin-left: -14px;
    margin-bottom: -14px;
    /*display: none;*/

}
#match .span6 .match-content .span6-list .span6-item{
    width: 234px;
    height: 246px;
    margin: 0 0 14px 14px;
    padding: 34px 0 20px 0;
    position: relative;
    text-align: left;
    background-color: #fff;
    transition:  all 0.5s;
    float: left;
    top: 0;
}
#match .span6 .match-content .span6-list .span6-item:hover{
    top: -5px;
    box-shadow: 0px 8px 16px rgba(0,0,0,0.18);
}
#match .span6 .match-content .span6-list .span6-item1:hover{
    top: -5px;
    box-shadow: 0px 8px 16px rgba(0,0,0,0.18);
}
#match .span6 .match-content .span6-list .span6-item img{
    width: 150px;
    height: 150px;
    margin-left: 42px;
}
#match .span6 .match-content .span6-list .span6-item h4{
    font-size: 14px;
    margin-left: 0 10px 0 10px;
    text-align: center;
    font-weight: normal;
    margin: 0;
}
#match .span6 .match-content .span6-list .span6-item .span6-span{
    display: inline-block;
    color: #ff6700;
    font-size: 14px;
    margin: 0 10px 10px 10px;
    width: 214px;
    text-align: center;
}
#match .span6 .match-content .span6-list .span6-item .span6-p{
    width: 214px;
    height: 18px;
    margin: 0 10px;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    color: #b0b0b0;
    
}
#match .span6 .match-content .span6-list .span6-item .span6-div{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 234px;
    height: 0;
    overflow: hidden;
    font-size: 12px;
    opacity: 0;
    /*transition: all 0.2 linear;*/
    background-color: #ff6700;
}
#match .span6 .match-content .span6-list .span6-item .span6-div .div-span{
    display: block;
    text-align: center;
    font-size: 12px;
    color: white;
    margin-top: 10px;
}
#match .span6 .match-content .span6-list .span6-item .span6-div .div-span1{
    display: block;
    text-align: center;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.6)
}

#match .span6 .match-content .span6-list .span6-item1{
    width: 234px;
    height: 93px;
    margin: 0 0 14px 14px;
    padding-top: 50px;
    position: relative;
    top: 0;
    float: left;
    background-color: white;
    transition: all 0.5s;
}
#match .span6 .match-content .span6-list .span6-item1 img{
    width: 80px;
    height: 80px;
    position: absolute;
    right: 20px;
    top: 20px;
}
#match .span6 .match-content .span6-list .span6-item1 .span6-h3{
    font-size: 14px;
    font-weight: normal;
    position: absolute;
    left: 25px;
    top: 20px;   
}
#match .span6 .match-content .span6-list .span6-item1 .span6-pp{
    font-size: 14px;
    color: #ff6700;
    margin-left: 25px;
}

#match .span6 .match-content .span6-list .span6-item1 .span6-h33{
    font-size: 18px;
    font-weight: normal;
    position: absolute;
    left: 25px;
    top: 20px;   
}
#match .span6 .match-content .span6-list .span6-item1 .span6-ppp{
    font-size: 12px;
    color: #757575;
    margin-left: 25px;
}
#match .span6 .match-content .span6-list .span6-item1 .span6-img img{
    width: 48px;
    height: 48px;
    position: absolute;
    right: 40px;
    top: 35px;
}
.block{
    display: block;
}

#match .box-hd .more #more-list3{
    width: 380px;
    position: absolute;
    right: 0;
    
}


/*为你推荐*/

#box-hand ul li{
    border: none;
    background-color: white;
} 



/*热评*/

.reping{
    width: 1226px;
    height: 473px;
    margin: 0 auto;
    margin-bottom: 22px;
}
.reping h2{
    width: 1226px;
    height: 58px;
    font-size: 22px;
    margin: 0;
    font-weight: bold;
    line-height: 2.5;
}
.reping .container{
    width: 1226px;
    height: 415px;
}
.reping .container ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
.reping .container ul li{
    width: 296px;
    height: 415px;
    position: relative;
    float: left;
    background-color: white;
}
.reping .container ul .reping-list:nth-of-type(2),.reping-list:nth-of-type(3),.reping-list:nth-of-type(4){
    margin-left: 14px;
}
.reping .container ul li img{
    width: 296px;
    height: 220px;
}
.reping .container ul li .pingjia{
    width: 240px;
    margin-left: 28px;
    font-size: 14px;
    line-height: 21px;
    text-align: left;
}
.reping .container ul li .from{
    width: 230px;
    height: 18px;
    color: #b0b0b0;
    font-size: 12px;
    margin: 0 28px 8px 28px;
    padding-right: 10px;
    font-weight: normal;
}
.reping .container ul li .content{
    width: 236px;
    height: 21px;
    margin: 0 30px;
    position: absolute;
    left: 0;
}
.reping .container ul li .content .name{
    font-size: 14px;
}
.reping .container ul li .content .fenge{
    color: #e0e0e0;
}
.reping .container ul li .content .prise{
    color: #ff6700;
    font-size: 14px;
}



/*内容*/

.neirong ul,li{
    margin: 0;
    padding: 0;
    list-style: none;
}
.neirong{
    width: 1226px;
    height: 478px;
    margin: 0 auto;
    margin-bottom: 22px;
}
.neirong h2{
    width: 1226px;
    height: 58px;
    font-size: 22px;
    font-weight: 200;
    margin: 0;
    line-height: 2.5;
}
.neirong .box-bd{
    width: 1226px;
    height: 420px;

}
.neirong .box-bd .content-list{
    width: 1226px;
    height: 420px;
    list-style: none;
    margin: 0;
    padding: 0;
}
.neirong .box-bd .content-list .content-item{
    width: 296px;
    height: 374px;
    padding-top: 45px;
    float: left;
    border-top: 1px solid #ff6700;
    background-color: white;
    position: relative;
    overflow: hidden;
    top: 0;
    transition: all 0.5s;
}
.neirong .box-bd .content-list .content-item:hover{
    top: -5px;
    box-shadow: 0px 8px 16px rgba(0,0,0,0.18);
}
.neirong .box-bd .content-list .content-item:nth-of-type(2),.content-item:nth-of-type(3),.content-item:nth-of-type(4){
    margin-left: 14px;
}
.neirong .box-bd .content-list .content-item .title{
    width: 276px;
    height: 24px;
    margin: 0 10px 18px 10px;
    text-align: center;
    font-size: 16px;
    font-weight: normal;
    line-height: 24px;
    color: #ff6700;
}
.neirong .box-bd .content-list .content-item .carousel{
    width: 888px;
    height: 340px;
    font-size: 14px;
    text-align: center;
    position: absolute;
    left: 0;
    
}
.neirong .box-bd .content-list .content-item .carousel li{
    float: left;
    width: 296px;
    height: 340px;
    font-size: 14px;
    text-align: center; 
    
}
.neirong .box-bd .content-list .content-item .carousel li .name{
    font-size: 20px;
    width: 256px;
    height: 25px;
    text-align: center;
    font-weight: normal;
    margin: 0 20px 5px 20px;
}
.neirong .box-bd .content-list .content-item .carousel li .desc{
    font-size: 12px;
    width: 200px;
    height: 40px;
    margin: 0 48px 10px 48px;
    text-align: center;
    color: #b0b0b0;
    line-height: 20px;
}
.neirong .box-bd .content-list .content-item .carousel li .price{
    width: 276px;
    height: 21px;
    font-weight: normal;
    line-height: 21px;
    margin: 0 10px 15px 10px;
    font-size: 14px;
}
.neirong .box-bd .content-list .content-item .carousel li .figure{
    width: 216px;
    height: 154px;
    margin: 0 40px
}
.neirong .box-bd .content-list .content-item .carousel li .figure img{
    width: 216px;
    height: 154px;
}
.neirong .box-bd .content-list .content-item .carousel li .btn{
    display: inline-block;
    width: 118px;
    height: 28px;
    font-size: 12px;
    line-height: 28px;
    text-align: center;
    border: 1px solid #ff6700;
    color: #ff6700;
    cursor: pointer;
    transition: all 0.5s linear;

}
.neirong .box-bd .content-list .content-item .carousel li .btn:hover{
    background-color: #ff6700;
    color: white;
    
}
.neirong .box-bd .content-list .content-item .carousel li .last-img{
    width: 216px;
    height: 154px;
    margin: 30px 40px 0 40px;
}
/*小圆点*/
.neirong .box-bd .content-list .content-item .page-div{
    width: 296px;
    height: 30px;
    position: absolute;
    left: 0;
    bottom: 15px;
    text-align: center;
}
.neirong .box-bd .content-list .content-item .page-div .page-ul{
    width: 100px;
    height: 30px;
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
    margin-left: 100px;
}
.neirong .box-bd .content-list .content-item .page-div .page-ul li{
    margin: 0 2px;
    width: 5px;
    height: 5px;
    float: left;
    background-color: #757575;
    text-align: center;
    border-radius: 50%;
    margin-left: 15px;
    cursor: pointer;
    
}
.neirong .box-bd .content-list .content-item .page-div .page-ul .page-active{
    background-color: white;
    border: 2px solid #ff6700;
    margin-top: -2px;
}
/*左右按钮*/
.neirong .box-bd .content-list .content-item .neirong-btn{
    opacity: 0;
}
.neirong .box-bd .content-list .content-item .neirong-btn .btn-left{
    width: 20px;
    height: 24px;
    padding: 12px 0;
    position: absolute;
    top: 209.5px;
    left: 0;
    background-image: url(img/按钮.png);
    background-size: 100px;
    background-repeat: no-repeat;
    background-position: 0 0 ; 
    cursor: pointer;
    
}
.neirong .box-bd .content-list .content-item .neirong-btn .btn-right{
    width: 20px;
    height: 24px;
    padding: 12px 0;
    position: absolute;
    top: 209.5px;
    right: 0;
    background-image: url(img/按钮.png);
    background-size: 100px;
    background-repeat: no-repeat;
    background-position: -28px 0 ; 
    cursor: pointer;
    
}

#carousel2{
    width: 1184px;
}
#carousel2 .btn{
    border: 1px solid limegreen;
    color: limegreen;
    cursor: pointer;
    transition: all 0.5s linear;
}
#carousel2 .btn:hover{
    background-color: limegreen;
    color: white;
}
#content-item2{
    border-top: 1px solid limegreen;
}
#content-item2 .title{
    color: limegreen;
}
#carousel3{
    width: 1184px;
}
#carousel3 .btn{
    border: 1px solid darkred;
    color: darkred;
    cursor: pointer;
    transition: all 0.5s linear;

}
#carousel3 .btn:hover{
    background-color: darkred;
    color: white;
}
#content-item3{
    border-top: 1px solid darkred;
}
#content-item3 .title{
    color: darkred;
}
#carousel4{
    width: 1184px;
}
#carousel4 .btn{
    border: 1px solid deepskyblue;
    color: deepskyblue;
    cursor: pointer;
    transition: all 0.5s linear;
}
#carousel4 .btn:hover{
    background-color: deepskyblue;
    color: white;
}
#content-item4{
    border-top: 1px solid deepskyblue;
}
#content-item4 .title{
    color: deepskyblue;
}


/*video*/


.video{
    width: 1226px;
    height: 343px;
    margin: 0 auto;
    margin-bottom: 60px;
    position: relative;
}
.video h2{
    width: 1226px;
    height: 58px;
    margin: 0;
    font-size: 22px;
    font-weight: 200;
    line-height: 58px;
}
.video .chakan{
    width: 92px;
    height: 58px;
    position: absolute;
    right: 0;
    top: 0;
    font-size: 14px;
    transition: all 0.5s;
    cursor: pointer;
}
.video .chakan:hover{
    color: #ff6700;
}
.video .chakan span{
    font-size: 16px;
    line-height: 58px;
}
.video .chakan img{
    position: absolute;
    right: 5px;
    top: 19px;
}
.video .box-bd{
    width: 1226px;
    height: 285px;
}
.video .box-bd .video-list{
    width: 1240px;
    height: 285px;
    margin: 0;
    padding: 0;
    list-style: none;
}
.video .box-bd .video-list .video-item{
    width: 296px;
    height: 285px;
    margin-bottom: 14px;
    float: left;
    line-height: 24px;
    position: relative;
    text-align: center;
    background-color: white;
    top: 0;
    transition: all 0.5s;
}
.video .box-bd .video-list .video-item:hover{
    top: -5px;
    box-shadow: 0px 8px 16px rgba(0,0,0,0.18);
}
.video .box-bd .video-list .video-ma{
    margin-left: 14px;
    margin-bottom: 14px;
}
.video .box-bd .video-list .video-item img{
    width: 296px;
    height: 180px;
}
.video .box-bd .video-list .video-item h4{
    font-size: 14px;
    text-align: center;
    font-weight: normal;
    margin: 0;
    margin-top: 10px;
}
.video .box-bd .video-list .video-item h4:hover{
    color: #ff6700;
}
.video .box-bd .video-list .video-item p{
    width: 296px;
    height: 18px;
    font-size: 12px;
    color: #b0b0b0;
    line-height: 18px;
    text-align: center;
}
.video .box-bd .video-list .video-item .play{
    width: 32px;
    height: 20px;
    position: absolute;
    left: 20px;
    bottom: 120px;
    border: 2px solid white;
    background-color: #333;
    border-radius: 20px;
    cursor: pointer;
    transition:all 0.5s ;
}
.video .box-bd .video-list .video-item .play:hover{
    background-color: #ff6700;
    border: 2px solid #ff6700;
}
.video .box-bd .video-list .video-item .play img{
    width: 15px;
    height: 15px;
    border: none;
    margin-left: 3px;
}


/*footer*/

.site-footer{
    width: 100%;
    min-width: 1226px;
    height: 272px;
    background-color: white;
}
.site-footer .container{
    margin: 0 auto;
    width: 1226px;
    height: 272px;
}
.site-footer .container .footer-service{
    width: 1226px;
    height: 25px;
    padding: 27px 0;
    border-bottom: 1px solid #e0e0e0;
}
.site-footer .container .footer-service .list-service{
    width: 1226px;
    height: 25px;
    font-size: 14px;
    font-weight: normal;
    list-style: none;
    margin: 0;
    padding: 0;
}
.site-footer .container .footer-service .list-service li{
    width: calc(1226px / 5);
    float: left;
    text-align: center;
    position: relative;
    border-right: 1px solid #ccc;
    box-sizing: border-box;
}
.site-footer .container .footer-service .list-service li a{
    font-size: 16px;
    font-weight: normal;
    text-decoration: none;
    line-height: 25px;
    color: #707070;
}
.site-footer .container .footer-service .list-service li a img{
    position: absolute;
    top: 0px;
    left: 35px;
}
.site-footer .container .footer-link{
    width: 1226px;
    height: 112px;
    padding: 40px 0;
    font-size: 14px;
    line-height: 21px;
}
.site-footer .container .footer-link dl{
    width: 160px;
    height: 112px;
    float: left;
    line-height: 21px;
    font-size: 14px;
    text-align: left;
   
   
}
.site-footer .container .footer-link dl dt{
    width: 160px;
    height: 17px;
    font-size: 14px;
    line-height: 17.5px;
    margin-bottom: 26px;
}
.site-footer .container .footer-link dl dd{
    width: 160px;
    height: 18px;
    font-size: 12px;
    margin-top: 10px;
    margin-left: 0;
    

}
.site-footer .container .footer-link dl dd a{
    text-decoration: none;
    font-size: 12px;
    color: #333;
}
.site-footer .container .footer-link .col-content{
    width: 251px;
    height: 112px;
    float: right;
    font-size: 14px;
    line-height: 21px;
    text-align: center;
}
.site-footer .container .footer-link .col-content .phone{
    margin: 0 0 5px 0;
    font-size: 22px;
    color: #ff6700;
}
.site-footer .container .footer-link .col-content .time{
    font-size: 12px;
    margin:  0 0 16px 0;
}
.site-footer .container .footer-link .col-content a{
    display: block;
    text-decoration: none;
    border: 1px solid #ff6709;
    color: #ff6709;
    width: 118px;
    height: 28px;
    text-align: center;
    line-height: 2.5;
    margin-left: 70px;;
    font-size: 12px;
    background-color: white;
    transition: all 0.5s ;
}
.site-footer .container .footer-link .col-content a:hover{
    background-color: #ff6700;
    color: white;
}
.site-footer .container .footer-link .col-content a img{
    width: 12px;
    height: 12px;
}

/*最底部*/

.site-info{
    width: 100%;
    padding: 30px 0;
}
.site-info .container{
    width: 1226px;
    height: 57px;
    margin: 0 auto;
}
.site-info .container .logo{
    width: 57px;
    height: 57px;
    float: left;
    margin-right: 10px;
}
.site-info .container .info-text{
    width: 749px;
    height: 54px;
    float: left;
    line-height: 18px;
    color: #b0b0b0;
    font-size: 12px;
}
.site-info .container .info-text .sites{
    width: 749px;
    height: 18px;
    margin: 0;
}
.site-info .container .info-text .beian{
    width: 749px;
    height: 36px;
    margin: 0;
}
.site-info .container .info-text .beian a{
    text-decoration: none;
    color: #b0b0b0;
}
.site-info .container .info-text .sites a{
    text-decoration: none;
    color: #757575;
}
.site-info .container .info-links{
    width: 376px;
    height: 28px;
    margin-top: 4px;
    float: right;
}
.site-info .container .info-links img{
    width: 84px;
    height: 28px;
    margin-left: 7px;
}
.site-info .slogan{
    width: 267px;
    height: 19px;
    margin: 30px auto 0 auto;
    font-size: 12px;
}


